extends ../../components/layout
append style
  link(rel='stylesheet', href='../../assets/css/lib/swiper.min.css')
  link(rel='stylesheet', href='../../assets/css/channelPage/channelPage.css')
block title
  title 酒店
block content
  .gzl-page.channel-page
    .gzl-section
      .hotel-sel
        img(src="../../assets/img/channelPage/banner.png", alt="")
        .hotel-sel-box
          .hotel-sel-address.bt-line
            | 广州市机场西乐嘉路附近
            +icon('#icon-location')
          .hotel-sel-date.gzl-flex
            p.in-date.gzl-flex__item 9月23日
            em 2晚
            p.out-date.gzl-flex__item 10月15日
          .hotel-sel-name.bt-line
            input(type="text",placeholder="酒店名称/位置")
          .hotel-sel-level.bt-line 星级/价格
          .hotel-sel-btnbox
            .btn.search-btn 查找酒店


append script
  script(src="../../assets/js/channelPage/hotelChannel.js")

  script(type="text/template", id="select-place-page")
    .gzl-page.select-place-page
      .gzl-section
        .search-bar-outer
          .search-bar
            input(type="text",placeholder="全球城市/区域/位置")
            +icon('#icon-search')
        - var nav = [{text: '国内·港澳台'},{text: '海外'}]
        .nav-box.place-nav
          +navbar(nav)
        .hotplace-content-title 我的位置
        .hotplace-content-info
          .hotplace-item
            span 广州
        .hotplace-content-title 热门城市
        .hotplace-content-info
          ul.hotplace-list
            -for (var i=0;i<16;i++)
              li.hotplace-item
                span 广州
        .place-list.place-select-content
          - var placeList = [{initial: 'A'},{initial: 'B'},{initial: 'C'},{initial: 'D'},{initial: 'E'},{initial: 'F'},{initial: 'G'},{initial: 'H'},{initial: 'I'},{initial: 'J'},{initial: 'K'},{initial: 'L'},{initial: 'M'},{initial: 'N'},{initial: 'O'},{initial: 'P'},{initial: 'Q'},{initial: 'R'},{initial: 'S'},{initial: 'T'},{initial: 'U'},{initial: 'V'},{initial: 'W'},{initial: 'X'},{initial: 'Y'},{initial: 'Z'}]
          -for (var i=0;i<placeList.length;i++)
            .place-list-box
              p #{placeList[i].initial}
              .place-list-con
                ul
                  li.place-item
                    span 测试地址
                  li.place-item
                    span 测试地址
        .place-index
          ul.place-index-list
            -for (var i=0;i<placeList.length;i++)
              li.place-index-item #{placeList[i].initial}
    
  script(type="text/template", id="select-level")
    .select-level-box
      .select-level-title 酒店星级
      ul.level-list
        li.level-item
          span 不限
        li.level-item
          span 二星/经济
        li.level-item
          span 三星/高级
        li.level-item
          span 四星/豪华
        li.level-item
          span 五星/超豪华
      .select-level-title 酒店价格
      .range-sel
        .range-max 不限
        input(type="hidden", value="0,200").hotel-price-range.only

